<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 1.fiter应用场景：用于筛选数组中符合条件的元素，返回筛选后的新数组
        //  例：找出数组中的偶数；求数组中大于10的所有元素。

        // 语法：
        // a.数组.fiter(function(value,index,arr){
        //     return 筛选条件
        //     })

        // 注意点：
        // a.回调函数执行次数 == 数组长度
        // b.fiter函数返回的新数组的长度 ！= 原数组长度

        let arr = [12,54,23,7,89,45,23]
        // result：（结果）
        
        // (1)需求：求数组中大于10的所有元素

        // 之前的方法
        let result = [];
        for (let i = 0; i < arr.length; i++) {
            if (arr[i]>10)
            result.push(arr[i]);
            
        }
        console.log(result);//(6) [12, 54, 23, 789, 45, 23]
        
        //现在
        let n = arr.filter(function (params) {//  n：是保存所有满足条件元素
            // 筛选条件
            return params >20
        })
        console.log(n);//(5) [54, 23, 89, 45, 23]


        // 找出数组中的偶数
        let m = arr.filter(function(params){
            // 筛选条件
            return params%2 == 0
        })
        console.log(m);//(2) [12, 54]

    </script>
</body>
</html>